<style>
.ainuo_bbs4{}
.ainuo_bbs4 .asub_forumlist li{ width:100%;border-bottom:1px solid #eee; display:block; position:relative;}
.ainuo_bbs4 .asub_forumlist li:last-child{ border:none;}
.ainuo_bbs4 .asub_forumlist li a{height:45px; padding:15px; display:block; overflow:hidden;}
.ainuo_bbs4 .asub_forumlist li a img{ width:45px; height:45px; border-radius:2px;}
.ainuo_bbs4 .asub_forumlist li h2 { display:block;font-weight:400; font-size:16px; position:absolute; left:70px; top:19px; color:#222; height:18px; max-width:119px; overflow:hidden;}
.ainuo_bbs4 .asub_forumlist li p { position:absolute; padding-right:10px; left:70px; top:44px; height:18px; line-height:18px; overflow:hidden; color:#888; font-size:12px;}
.ainuo_bbs4 .asub_forumlist li h2 .orange{color:#fff;font-size:10px; background:#ff6600; line-height:10px; padding:0px 4px;border-radius:20px; position:relative; top:-2px;}
.ainuo_bbs4 .asub_forumlist li em{ top:18px;font-size:12px; position:absolute; right:15px; color:#999; font-size:10px;}
.ainuo_bbs4 .bm_atit { height:42px; line-height: 42px; white-space: nowrap; overflow: hidden; border-bottom:1px solid #eee;background:#fff;}
.ainuo_bbs4 .bm_atit h2 a { display:block; padding-left:10px; font-weight:400; font-size:14px; color:#666;}
.ainuo_bbs4 .bbs_bm{ background:#fff; border-bottom:1px solid #eee;border-top:1px solid #eee;}

.ainuo_bbs4 .asub_forumlist3{ padding-top:20px;}
.ainuo_bbs4 .asub_forumlist3 li{ width:25%; display:block; margin-bottom:20px; float:left; text-align:center; position:relative;}
.ainuo_bbs4 .asub_forumlist3 li .aline{ display:block; }
.ainuo_bbs4 .asub_forumlist3 li a{ display:block; text-align:center; width:100%;}
.ainuo_bbs4 .asub_forumlist3 li img{ width:40px; height:40px; border-radius:2px; position:relative; left:50%; margin-left:-20px; float:left;}
.ainuo_bbs4 .asub_forumlist3 li p { margin-top:8px;display:block; padding:0 5px; overflow:hidden; height:20px; line-height:20px;}
.ainuo_bbs4 .asub_forumlist3 li p a{ font-size:14px; color:#333;}
.ainuo_bbs4 .asub_forumlist3 li .orange{ position:absolute;color:#fff;font-size:12px; background:#ff6600; line-height:12px; padding:2px 5px;border-radius:8px; top:-5px; left:50%; margin-left:13px; z-index:3;}
</style>

<div class="ainuo_bbs4 cl">
	<!--{loop $catlist $key $cat}-->
    <div class="grey_line cl"></div>
	<div class="cl bbs_bm">
		<div class="bm_atit cl" href="#sub_forum_$cat[fid]">
		<h2><a href="{if !empty($caturl)}$caturl{else}forum.php?forumlist=1&gid=$cat[fid]{/if}" style="{if $cat[extra][namecolor]}color: {$cat[extra][namecolor]};{/if}">$cat[name]</a></h2>
		</div>
        <div id="sub_forum_$cat[fid]" class="asub_forumlist3 cl">
			<ul>
				<!--{loop $cat[forums] $forumid}-->
				<!--{eval $forum=$forumlist[$forumid];}-->
				<li>
                	<!--{if $forum[todayposts] > 0}--><span class="orange">$forum[todayposts]</span><!--{/if}-->
                    <div class="aline cl">
                        <!--{if $forum[icon]}-->
                            $forum[icon]
                        <!--{else}-->
                            <a href="forum.php?mod=forumdisplay&fid={$forum['fid']}"><img src="template/qu_app/touch/style/css/0.png" alt="$forum[name]" /></a>
                        <!--{/if}-->
				 	</div>		
					<p><a href="forum.php?mod=forumdisplay&fid={$forum['fid']}" {if $forum[extra][namecolor]} style="color: {$forum[extra][namecolor]};"{/if}>{$forum[name]}</a></p>

                   
				</li>
				<!--{/loop}-->
			</ul>
		</div>
	</div>
	<!--{/loop}-->
</div>


<!--{hook/index_middle_mobile}-->

<!--{template common/footer}-->
